// 导入axios
import Axios from 'axios'
// 引入路由，需要用它来做路由跳转
import router from '@/router/index.js'
// 获取vuex里面的token数据
import store from '@/store/index.js'
// 大数据处理 导出大数据包
// - transformResponse发生在axios 的响应拦截器之前。
// - JSONBig.parse()用来处理大数。
import JSONBig from 'json-bigint'
// 封装基准地址
const instance1 = Axios.create({
  baseURL: 'http://ttapi.research.itcast.cn',
  transformResponse: [function (data) {
    // 由于后端返回的数据有出现大数问题（文章编号）,这里使用json-bigint处理一下
    // 优先使用JSONBig转一下
    try {
      return JSONBig.parse(data)
    } catch (err) {
      return data
    }
  }]
})
// 设置请求拦截器 查看是否携带token
instance1.interceptors.request.use(function (config) {
  // 从vuex中获取token
  const token = store.state.tokenInfo.token
  // 设置请求头(请求前做的事)
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  // config是请求的配置  必须要返回
  return config
}, function (error) { return Promise.reject(error) })

// 添加一个响应拦截器 -- 所有的请求在发回来之后，都会到这里来
instance1.interceptors.response.use(function (response) {
  // Any status code that lie within the range of 2xx cause this function to trigger
  // Do something with response data
  return response
}, async function (error) {
  console.log('响应拦截器，拦截到了错误')
  if (error.response && error.response.status === 401) {
    // 2.遇到了401错误
    const refreshToken = store.state.tokenInfo.refresh_token
    if (refreshToken) {
      // 3. 用resfreshToken再发请求
      try {
        const result = await Axios({
          method: 'PUT',
          url: 'http://ttapi.research.itcast.cn/app/v1_0/authorizations',
          headers: {
            Authorization: `Bearer ${refreshToken}`
          }
        })
        // 4. 成功获取新token
        console.log('用refresh_token取回来的新的token', result)
        const newToken = result.data.data.token
        // 5. 保存新token到vuex
        store.commit('mSetTokenInfo', {
          token: newToken,
          refresh_token: refreshToken
        })

        // 6. 重新发请求
        // error.表示401错误。error.config表示出这个错误时，所要发出的请求的配置
        return instance1(error.config) // 重新去发一次请求
      } catch {
        console.log('用refresh_token更新token失败, 只能去做一次登陆')
        // 路由跳转
        // currentRoute: 当前路由
        router.push('/login?backto=' + router.currentRoute.fullPath)
      }
    } else {
      // 回到登陆页
      console.log('没有refresh_token, 只能去做一次登陆')
      // 路由跳转
      // currentRoute: 当前路由
      router.push('/login?backto=' + router.currentRoute.fullPath)
    }
  }
  return Promise.reject(error)
})
const instance2 = Axios.create({
  baseURL: 'http://api-toutiao-web.itheima.net'
  // baseURL: 'http://api-toutiao-web.itheima.net',
})
//   按需导出
export { instance1, instance2 }
// 导出instance 默认导出
export default instance1
